<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <h:head>
        <title>FrameWorks: PrimeFaces</title>
        <link href="#{request.contextPath}/img/icoprime.png" rel="shortcut icon" />    
        <h:outputStylesheet name="../css/styles.css"/>
    </h:head>
    <h:body>

<!-- CABECERA: Logotipos y título de la web -->
    <div id="head">
        <div class="contenedor960" style="margin-top: 10px; height: 80px">
            <img width="69" height="69" style="float: left; margin-top: 10px" alt="Primefaces Logo" src="img/pf-logo.png"/>
            <img width="69" height="69" style="float: left;margin-left: 20px; margin-top: 10px" alt="Prime Logo" src="img/prime-transparente.png"/>
            <div style="width: 400px;float: right">
                <h1 class="title" style="margin-left: 10px; font-size: 20px; color: gainsboro">MÁSTER INFTEL</h1>
                <h2 class="title" style="font-size: 15px; color: gainsboro">- FrameWorks: PrimeFaces -</h2>
            </div>
        </div>
    </div> <!-- fin cabecera -->       



        <div class="contenedor960" style="height:400px">
            <p:themeSwitcher value="#{themeController.theme}" style="width:180px">
                <f:selectItem itemLabel="Aristo" itemValue="aristo" />
                <f:selectItem itemLabel="Sunny" itemValue="sunny" />
                <f:selectItem itemLabel="Trontastic" itemValue="trontastic" />
                <f:selectItem itemLabel="UI-Lightness" itemValue="ui-lightness" />
            </p:themeSwitcher>
        

             <p:growl id="growl" showDetail="true" life="3000" />  

                    <p:panel id="dialog" header="Login" style="width:350px;height:200px;margin-top:100px;margin-left:auto;margin-right:auto;">
                        <h:form>  
                            <h:panelGrid columns="2" cellpadding="5">  
                                <h:outputLabel for="email" value="email:" />  
                                <h:inputText value="#{loginBean.email}"   
                                        id="email" required="true" label="Email" />  

                                <h:outputLabel for="password" value="Password:" />  
                                <h:inputSecret value="#{loginBean.password}"   
                                        id="password" required="true" label="password" />  

                                <f:facet name="footer"> 
                                    <p:commandButton value="Login" update="growl" 
                                        action="#{loginBean.login}"
                                        oncomplete="handleLoginRequest(xhr, status, args)"/>
                                    <p:commandButton value="Register"  oncomplete="handleRegisterRequest(xhr, status, args)"/>
                                </f:facet>  
                            </h:panelGrid>  
                        </h:form>
                    </p:panel>

                </div> <!-- fin contenedor960 -->
                 <script type="text/javascript">  
                    function handleLoginRequest(xhr, status, args) {  
                        if(args.validationFailed || !args.loggedIn) {  
                            jQuery('#dialog').effect("shake", { times:3 }, 100);  
                        } else {
                            window.location="faces/main.xhtml";
                        }  
                    }
                    function handleRegisterRequest(xhr, status, args) {  
                            window.location="faces/registration.xhtml";  
                    }
                </script>      
        
        
        
        
        
        <!-- PIE -->
        <div id="pie">
            <div class="contenedor960">
                <div id="pie_col_Izquierda" style="float:left">
                    <h3>Información de Contacto</h3>
                    <p> Para más información sobre las distintas prácticas realizadas por este grupo
                        de trabajo, envíenos un email a <a href="mailto:masterinftel@google.es?Subject=WEB%20MASTERINFTEL">masterinftel@google.es</a>
                        y en breve nos pondremos en contacto con usted.
                    </p>         
                </div> <!-- fin pie_col_Izquierda -->

                <div id="pie_col_Centro" style="float:left">
                    <h3>Developed By: </h3>
                    <ul>
                        <li>Miguel Angel Quero</li>
                        <li>Alejandro Leva</li>
                        <li>Miguel Pintor</li>
                    </ul>
                </div> <!-- fin pie_col_Centro -->
                <div id="pie_col_Derecha" style="float:left">
                    <h3>Páginas de interés: </h3>
                    <p>
                        <a href="http://www.primefaces.org">
                            <img src="http://forum.primefaces.org/styles/ca_gen2_blue/imageset/site_logo.gif" alt="PrimeFaces" style="width: 90; height: 30px"/>
                        </a>
                    </p>
                    <p>
                        <a href="http://www.oracle.com/technetwork/java/javaee/javaserverfaces-139869.html">
                            <img src="http://3quarks.net/images/java_transparent.png"
                                alt="Java Server Faces" style="width: 35; height: 35px"/>
                        </a>
                    </p>
                </div> <!-- fin pie_col_Derecha -->
            </div> <!-- fin contenedor960 -->
        </div> <!-- fin pie -->
        
        <!-- PIE: Copyright -->
        <div id="copyright">
            <div class="contenedor960">
                <p>&copy; Copyright 2011 MASTER INFTEL. Todos los derechos reservados</p>
            </div> <!-- fin contenedor960 -->
        </div> <!-- fin copyright -->

    </h:body>
</html>

